<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>圆角的实现</title>
        <link rel="stylesheet" type="text/css" href="../../src/reset.source.css" />
        <link rel="stylesheet" type="text/css" href="../../src/grid.source.css" />
        <link rel="stylesheet" type="text/css" href="../../src/widgets.source.css" />
        <style type="text/css">
            .container {
                margin-bottom: 10px;
            }

            .body {
                background: url(../../images/grid.png);
            }
        </style>
    </head>
    <body>
        <div class="body body-950">
            <div class="container">
                <div class="column-06 start-01">
                    <h4>CSS 实现圆角</h4>
                
                </div>
                <div class="column-18 start-07">
                    <div class="spirity-box" style="width: 51%;margin: 10px auto;">
                        <h3 class="box-head">
                            <span class="content">我是标题</span>
                            <span class="c c-t"><span>&nbsp;</span></span>
                        </h3>
                        <div class="box-body" style="height: 51.1%;">
                            hello, world!
                        </div>
                        <div class="box-foot">
                            <span class="c c-b">
                                <span>&nbsp;</span>
                            </span>
                        </div>
                        <a class="more" target="_blank" href="#">more</a>
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>
